extends ../../layout/layout

block content
  .content-wrapper
    .search-condition
      form#form-search
        .form-inline
          .form-group
            label.marginR10 城市：
              select.form-control.form-width100(name="cityId")
          .form-group
            label.marginR10 司机状态：
              select.form-control.form-width100(name="state")
          .form-group
            label.marginR10 姓名：
              input.form-control.form-width150(name="name" placeholder="请输入姓名")
          .form-group
            label.marginR10 ID：
              input.form-control.form-width150(name="driverId" placeholder="请输入 ID")
          .form-group
            label.marginR10 身份证号：
              input.form-control.form-width150(name="idCardNumber" placeholder="请输入身份证号")
        .form-inline.marginT10
          .form-group
            label.marginR10 人力公司：
              input.form-control.form-width200#contractCompany-search(name="contractCompany" placeholder="请输入人力公司")
          //- .form-group
          //-   label.marginR10 排班状态
          //-     select.form-control.form-width100(name="workState")
          //-       option(value="") 请选择
          //-       option(value="1") 已排班
          //-       option(value="2") 未排班
          .form-group
            label.marginR10 录入时间：
              input.form-control.form-width150#createDate(name="createTime" placeholder="年-月-日")
          .form-group
            button.pull-right.btn.btn-default#btn-search(type="button")
              i.fa.fa-search
              span 查询
    .com-op.marginT10
      button.btn.btn-default.marginR10#btn-add(type="button")
        i.fa.fa-plus
        span 新增
      button.btn.btn-default.marginR10#btn-edit(type="button")
        i.fa.fa-edit
        span 修改
      button.btn.btn-default.marginR10#btn-del(type="button")
        //- i.fa.fa-trash
        span 删除
      button.btn.btn-default.marginR10#btn-resetpwd(type="button")
        //- i.fa.fa-cog
        span 重置密码
      button.btn.btn-default.marginR10#btn-vieworder(type="button")
        //- i.fa.fa-?
        span 查看订单
      button.btn.btn-default.marginR10#btn-lock(type="button")
        //- i.fa.fa-?
        span 锁定
      button.btn.btn-default.marginR10#btn-unlock(type="button")
        //- i.fa.fa-?
        span 解锁
      button.btn.btn-default.marginR10(type="button")
        //- i.fa.fa-?
        span 添加评分
      button.btn.btn-default.marginR10(type="button")
        //- i.fa.fa-?
        span 减少评分
      button.btn.btn-default.marginR10(type="button")
        //- i.fa.fa-?
        span 导出
      button.btn.btn-default.marginR10(type="button")
        //- i.fa.fa-?
        span 导入
      button.btn.btn-default.marginR10(type="button")
        //- i.fa.fa-?
        span 操作记录

    .content-body.marginT10#table-box
      table.table#table-driver
      #pager-driver

block vendor_css
  link(rel='stylesheet', type="text/css", href="../../vendor/jqGrid/css/ui.jqgrid-bootstrap.css")

block vendor_js
  script(src="../../vendor/jqGrid/js/jquery.jqGrid.js")
  script(src="../../vendor/jqGrid/js/i18n/grid.locale-cn.js")
  script(src="../../vendor/laydate/laydate.js")
  script(src="../../vendor/jquery-validation-1.17.0/jquery.validate.min.js")
  script(src="../../vendor/jquery-validation-1.17.0/jquery.validate.extend.js")
  script(src="../../vendor/sinput/sinput.min.js")

  //- 文件上传
  script(src="../../vendor/jQuery-File-Upload/js/vendor/jquery.ui.widget.js")
  script(src="../../vendor/jQuery-File-Upload/js/jquery.fileupload.js")

block self_js
  script(src="../../js/lib/addr-data.js")
  script(src="../../js/module/driver/list.js")

block self_css
  link(rel="stylesheet", href="../../css/driver/list.css")


block layer
  //- 司机详情（新增/查看/编辑共同）
  .layer-box#layer-driver-detail
    form.mw1200.padding20#form-driver-detail(name="form-driver-add", autocomplete="off")
      +driverForm

    //- .text-center.marginB10.hide
    //-   button.btn.btn-primary.marginR10#driver-save(type="button")
    //-     i.fa.fa-save
    //-     span 保存

  //- 查看图片大图
  .layer-box#layer-view-pic
    #layer-view-img
      img(src="")

  //- 查看订单
  .layer-box#layer-driver-order
    .tab-box.mw1200.padding20
      .tab-nav.clearfix
        .tab-navitem.on
          | 未完成（
          span.num#unfinished 2
          |）
        .tab-navitem
          | 已完成（
          span.num#finished 4
          |）
      .tab-content#order-unfinished
        //- 未完成
        .h3 未完成
        .order-list
          .order-info
            p 订单类型：送机/送站
            p 订单编号：时间戳
            p 出发地点：黄花机场
            p 到达地点：劳动中路256号锦绣世纪
          .order-overview
            .order-price
              p
                | 预估价：
                u(data-vprice) ￥230
              p.time
                | 下单时间
                span 2017-10-12 14:00
            .order-person
              p 用车人：张三丰
              p 用车电话：1694554848
              p.spec 用车时间：2017-10-12 14:00
        .order-list
          .order-info
            p 订单类型：送机/送站
            p 订单编号：时间戳
            p 出发地点：黄花机场
            p 到达地点：劳动中路256号锦绣世纪
          .order-overview
            .order-price
              p
                | 预估价：
                u(data-vprice) ￥230
              p.time
                | 下单时间
                span 2017-10-12 14:00
            .order-person
              p 用车人：张三丰
              p 用车电话：1694554848
              p.spec 用车时间：2017-10-12 14:00
      //- 已完成
      .tab-content.hide#order-finished
        .h3 已完成
        .order-list
          .order-info
            p 订单类型：
              span 送机/送站
            p 订单编号：
              span 时间戳
            p 出发地点：
              span 黄花机场
            p 到达地点：
              span 劳动中路256号锦绣世纪
          .order-overview
            .order-price
              p
                | 预估价：
                u(data-vprice) ￥230
              p.time
                | 下单时间
                span 2017-10-12 14:00
            .order-person
              p 用车人：张三丰
              p 用车电话：1694554848
              p.spec 用车时间：2017-10-12 14:00
        .order-list
          .order-info
            p 订单类型：送机/送站
            p 订单编号：时间戳
            p 出发地点：黄花机场
            p 到达地点：劳动中路256号锦绣世纪
          .order-overview
            .order-price
              p
                | 预估价：
                u(data-vprice) ￥230
              p.time
                | 下单时间
                span 2017-10-12 14:00
            .order-person
              p 用车人：张三丰
              p 用车电话：1694554848
              p.spec 用车时间：2017-10-12 14:00

//- 表单
mixin driverForm
  .d-header
    .form-text 司机详情
  .padding20
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text
          //- span.text-danger *
          span 头像：
        .form-container
          img.border#driver-headImg-thumb(alt="",src="../../images/member.png",width="150",height="150")
          input#driver-headImg(type="hidden" name="headImg")
          button.btn.btn-default.marginR10#driver-headimg-upload(type="button")
            i.fa.fa-upload
            span 上传
      .col-xs-8
        .row.form-row.form-row-sm
          .col-xs-6
            .form-text 编号：
            .form-container
              input.form-control(name="kid", readonly, disabled, placeholder="自动生成")
          .col-xs-6
            .form-text
              //- span.text-danger *
              span 城市：
            .form-container
              select.form-control(name="cityId",disabled)
        .row.form-row.form-row-sm
          .col-xs-6
            .form-text
              //- span.text-danger *
              span 姓名：
            .form-container
              input.form-control(name="name",disabled placeholder="请输入姓名")
          .col-xs-6
            .form-text
              //- span.text-danger *
              span 性别：
            .form-container
              select.form-control(name="gender",disabled)
    .row.form-row.form-row-sm
      .col-xs-12
        .form-text
          //- span.text-danger *
          span 身份证号：
        .form-container
          input.form-control(name="idCardNumber",disabled placeholder="请输入身份证号")
    .row.form-row.form-row-sm
      .col-xs-6
        .form-text
          //- span.text-danger *
          span 手机号：
        .form-container
          input.form-control(name="phone",disabled placeholder="请输入手机号")
      .col-xs-6
        .form-text
          //- span.text-danger *
          span 手机运营商：
        .form-container
          select.form-control(name="netType",disabled)
    .row.form-row.form-row-sm
      .col-xs-6
        .form-text 国籍：
        .form-container
          input.form-control(name="nationality",disabled placeholder="请输入国籍")
      .col-xs-6
        .form-text 民族：
        .form-container
          select.form-control(name="nation",disabled)
    .row.form-row.form-row-sm
      .col-xs-8
        .form-text
          //- span.text-danger *
          span 住址：
        .form-container
          //- select.form-control.form-width100.marginR10(name="prov" disabled)
          //-   option(value="") 省
          //- select.form-control.form-width100.marginR10(name="city" disabled)
          //-   option(value="") 市
          //- select.form-control.form-width100.marginR10(name="county" disabled)
          //-   option(value="") 区/县
          input.form-control(name="address", placeholder="详细地址", disabled)
          //- 其他一些字段

          input(type="hidden" name="mac")
          input(type="hidden" name="imei")
          input(type="hidden" name="imsi")
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 婚姻状态：
        .form-container
          select.form-control(name="maritalStatus",disabled)
      .col-xs-4
        .form-text 外语能力：
        .form-container
          input.form-control(name="languageLevel",disabled placeholder="请输入外语能力")
      .col-xs-4
        .form-text 学历：
        .form-container
          select.form-control(name="education",disabled)
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 户口登记机关：
        .form-container
          input.form-control(name="census",disabled placeholder="请输入户口登记机关")
      .col-xs-8
        .form-text 户口地址：
        .form-container
          input.form-control(name="address",disabled placeholder="请输入户口地址")
    //- .row.form-row.form-row-sm
    //-   .col-xs-4
    //-     .form-text
    //-       //- span.text-danger *
    //-       span 绑定车辆编号：
    //-     .form-container
    //-       input.form-control(name="autoId",disabled placeholder="请输入绑定车辆ID")
    //-   .col-xs-4
    //-     .form-text
    //-       //- span.text-danger *
    //-       span 绑定车辆车牌号：
    //-     .form-container
    //-       input.form-control(name="autoNo",disabled placeholder="请输入绑定车辆车牌号")

    .row.form-row.form-row-sm
      .col-xs-4
        .form-text
          //- span.text-danger *
          span 驾驶证件号：
        .form-container
          input.form-control(name="licenseId",disabled placeholder="请输入驾驶证件号")
      .col-xs-4
        .form-text
          //- span.text-danger *
          span 驾驶证类型：
        .form-container
          select.form-control(name="driverType",disabled)
      .col-xs-4
        .form-text
          //- span.text-danger *
          span 发证日期：
        .form-container
          input.form-control#getDriverLicenseDate(name="getDriverLicenseDate",disabled placeholder="请输入驾驶证发证日期：")
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text
          //- span.text-danger *
          span 驾照有效期：
        .form-container
          input.form-control#driverLicenseActiveDate(name="driverLicenseActiveDate",disabled placeholder="请输入驾照有效期")
          input(type="hidden" name="driverLicenseOn")
          input(type="hidden" name="driverLicenseOff")
      .col-xs-8
        .form-text
          //- span.text-danger *
          span 驾驶证照片：
        .form-container
          img.border.a-pointer.marginR10#licensePhotoImg-preview(src="../../images/1x1.png" width="25" height="25")
          input#licensePhotoImg(type="hidden",name="licensePhotoImg")
          button.btn.btn-default.marginR10#licensePhotoImg-upload(type="button")
            i.fa.fa-upload
            span 上传
          button.btn.btn-default.marginR10#licensePhotoImg-del(type="button")
            i.fa.fa-eraser
            span 清除

    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 驾驶资格证号：
        .form-container
          input.form-control(name="certificateNo",disabled placeholder="请输入驾驶资格证号")
      .col-xs-4
        .form-text 发证机构：
        .form-container
          input.form-control(name="networkCarIssueOrganization",disabled placeholder="请输入发证机构")
      .col-xs-4
        .form-text 发证日期：
        .form-container
          input.form-control#networkCarIssueDate(name="networkCarIssueDate",disabled placeholder="请输入发证日期")
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 初次领证日期：
        .form-container
          input.form-control#getNetworkCarProofDate(name="getNetworkCarProofDate",disabled placeholder="请输入初次领证日期")
      .col-xs-4
        .form-text 有效期：
        .form-container
          input.form-control#networkCarProofDate(name="networkCarProofDate",disabled placeholder="请输入有效期")
          input(type="hidden" name="networkCarProofOn")
          input(type="hidden" name="networkCarProofOff")
      .col-xs-4
        .form-text 报备日期：
        .form-container
          input.form-control#registerDate(name="registerDate",disabled placeholder="请输入报备日期")
    .row.form-row.form-row-sm
      .col-xs-6
        .form-text
          //- span.text-danger *
          span 所属人力公司：
        .form-container
          input.form-control#contractCompany-edit(name="contractCompany",disabled)
      //-.col-xs-4
        .form-text
          //- span.text-danger *
          span 司机等级：
        .form-container
          select.form-control(name="xxx",disabled)
            option(value="") 请选择
      .col-xs-6
        .form-text
          //- span.text-danger *
          span 合同日期：
        .form-container
          input.form-control#contractDate(name="contractDate",disabled placeholder="请输入合同日期")
          input(type="hidden" name="contractOn")
          input(type="hidden" name="contractOff")
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text
          //- span.text-danger *
          span 服务类型：
        .form-container
          select.form-control(name="commercialType",disabled)
            //- option(value="") 请选择
            //- option(value="1") 网络预约出租车
            //- option(value="2") 巡游出租汽车
            //- option(value="3") 私人小客车合乘
      .col-xs-4
        .form-text
          //- span.text-danger *
          span 巡游出租车驾驶员：
        .form-container
          label.marginR10
            input(type="radio", name="texiDriver", value="1" disabled)
            span &ensp;是
          label
            input(type="radio", name="texiDriver", value="0" disabled)
            span &ensp;否
      .col-xs-4
        .form-text
          //- span.text-danger *
          span 专职驾驶：
        .form-container
          label.marginR10
            input(type="radio", name="fullTimeDriver", value="1" disabled)
            span &ensp;是
          label
            input(type="radio", name="fullTimeDriver", value="0" disabled)
            span &ensp;否
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 紧急联系人姓名：
        .form-container
          input.form-control(name="emergencyContact",disabled placeholder="紧急联系人姓名")
      .col-xs-4
        .form-text 紧急联系人电话：
        .form-container
          input.form-control(name="emergencyContactPhone",disabled placeholder="紧急联系人电话")
    .row.form-row.form-row-sm
      .col-xs-8
        .form-text 紧急联系人地址：
        .form-container
          input.form-control(name="emergencyContactAddress",disabled placeholder="紧急联系人地址")
    .row.form-row.form-row-sm
      .col-xs-8
        .form-text
          //- span.text-danger *
          span 车辆保险单照片：
        .form-container
          img.border.a-pointer.marginR10#insuranceImg-preview(src="../../images/1x1.png" width="25" height="25")
          input#insuranceImg(type="hidden",name="insuranceImg")
          button.btn.btn-default.marginR10#insuranceImg-upload(type="button")
            i.fa.fa-upload
            span 上传
          button.btn.btn-default.marginR10#insuranceImg-del(type="button")
            i.fa.fa-eraser
            span 清除

  //- .row.form-row.form-row-sm
    .col-xs-4
      .form-text
        //- span.text-danger *
        span 培训信息：
      .form-container
        label.marginR10
          input(type="radio", name="trainingInfo", value="无" disabled)
          span &ensp;无
        label
          input(type="radio", name="trainingInfo", value="有" disabled)
          span &ensp;有
  //- .training-info
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 培训单位：
        .form-container
          input.form-control(name="trainingOrg",disabled placeholder="请输入培训单位")
      .col-xs-4
        .form-text 培训课程：
        .form-container
          input.form-control(name="trainingCourse",disabled placeholder="请输入课程名称")
      .col-xs-4
        .form-text 培训课程日期：
        .form-container
          input.form-control(name="trainingCDate",disabled placeholder="请输入培训课程日期")
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 培训时间：
        .form-container
          input.form-control(name="trainingDate",disabled placeholder="请输入培训时间")
          input(type="hidden" name="trainingStartDate")
          input(type="hidden" name="trainingEndDate")
      .col-xs-4
        .form-text 培训时长：
        .form-container.form-inline
          input.form-control.form-width100.marginR10(name="trainingDays",disabled placeholder="培训时长")
          span 天
      .col-xs-4
        button.btn.btn-default.marginR10(type="button")
          i.fa.fa-plus
          span 新增
  //- .row.form-row.form-row-sm
    .col-xs-4
      .form-text
        //- span.text-danger *
        span 司机类型：
      .form-container
        label.marginR10
          input(type="radio", name="driverType", value="自营" disabled)
          span &ensp;自营司机
        label
          input(type="radio", name="driverType", value="加盟" disabled)
          span &ensp;加盟司机
  //- .row.form-row.form-row-sm
    .col-xs-12
      .form-text 备注：
      .form-container
        textarea.form-control(name="note" placeholder="请输入备注信息" disabled)
